html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    overflow:hidden !important;
    min-width:0px !important;
}

.theme-container {
	height: 100%;
	width: 100%;
}
#gray-publish p:hover{
	background-color: #9ad6ff;
	cursor: pointer;
}
.yuansheng{
	display: inline-block;
	width: 228px;
	height: 26px;
}
.yuansheng-background{
	background:#5182e4;
}
.huidu{
	display: inline-block;
	width: 187px;
	height: 26px;
}
.tempo-theme-operate-move #folderTreeDiv {
	margin-top: 2px;
	width: 265px;
	max-height: 210px;
	margin-left: 103px;
	overflow-x: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(192, 201, 213);
	border-image: initial;
	background: rgb(255, 255, 255);
}

.theme-board, .welcome-page{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.theme-toolbar{
	line-height: 50px;
	height: 49px;
	padding-right: 10px;
}

.theme-toolbar .theme-btn{
	float: right;
	display: inline-block;
	margin-top: 10px;
	width: 100px;
}

.theme-blackboard {
	height: calc(100% - 90px);
	padding: 0px 10px 0px 10px !important;
}

.blackboard {
	width: 100%;
	height: 100%;
	position: relative;
}
.blackboard-other {
	width: 100%;
	height: 100%;
	position: relative;
}
.theme-explorer {
	height: 100%;
}

.tab span{
	display: inline-block;
	padding: 0px 18px;
	font-size: 15px;
}


.infoContent{
	height: 160px;
	background-color: #ffffff;
	padding-top: 15px;
	padding-left: 10px;
	border:1px solid #e2e5e9;
	border-top:none;
}

.basicTable{
	 margin-top: 15px;
}

.basicTable span{
	font-size:13px;
	padding: 0px 18px;
}

.basicTable td{
	text-align:left;
	padding-top:20px;
	font-size:14px;
}

.shareTable td{
	text-align:center;
	font-size:14px;
}

.historyTable td{
	text-align:center;
	font-size:14px;
}
.theme-toolbar-ldiv{
	display:inline-block;
}
.theme-toolbar-ldiv-l{
	display: inline-block;
    vertical-align: top;
    display: inline-block;
    vertical-align: top;
    line-height: initial;
}
.theme-toolbar-ldiv-r{
	line-height:25px;
	display: inline-block;
	padding-top: 10px;
}

#tempo-mine-model-view-container{

}
/*padding: 15px 15px !important;*/
.theme-explorer {
	background-color: #E2E5E9;
}
.theme-light-color{
	font-size: 12px;
    color: #666666;
}
.theme-deep-color{
	font-size: 12px;
    color: #333333;
}

.theme-toolbar-select {
	background: #289de9;
	color: #fff;
	border: none;
}
/**控制设计框的内补白颜色**/
#tempo-mine-model-view-container .ui-layout-pane-center{
    background: initial!important;
}

.theme-more-info{
	margin-left:5px;
	font-size: 12px;
	color: rgb(81, 130, 228);
	cursor: pointer;
}


.ai-theme-info-selecttab{
	background: #ffffff;
	display:inline;
	color:#333333;
	padding:10px 20px 10px 20px;
	font-size:14px;
	border-right: 1px solid #e2e5e9;
	border-left:none;
    border-top: 2px solid #3094e9;
}

.ai-theme-info-unselecttab{
	background: #f8f9fa;
	display:inline;
	border: 1px solid #e2e5e9;
	color:#666666;
	padding:10px 20px 10px 20px;
	font-size:14px;
	border-left:none;
    border-top-width: 0px;
	cursor: pointer;
}

.detailInfo-basicInfo{
	background:#ffffff
}

.basicinfo{
    height: 110px;
    text-align:left;
}
#theme-creator {
	display: flex;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-left:5px;
}
.theme-creator {
	max-width: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block !important;
	height: 15px;
	line-height: 15px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;;
}
.theme-creator-height {
	height: 16px;
	line-height: 16px;
}
.theme-creator-info{
	max-width: 108px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	height: 18px;
	line-height: 16px;
}
.app-user-name-class{
	max-width: 60px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tempo-theme-share-div{
	cursor:pointer;
}
#theme-share-num{
	margin-left:5px;
	cursor:pointer;
	color: #5182e4;
}
.tempo-theme-publish-num-div{
	cursor:default;
	height:28px;
}
#app-num{
	color: #5182e4;
    font-size: 14px;
}

.theme-info-div{
    padding-bottom: 8px;
    font-size: 12px;
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ai-theme-detailinfo-tab{
	margin-top:20px !important;
	height:30px;
	border:1px solid #e2e5e9;
	border-bottom:none;
	text-align:left;
	padding-top:10px;
}

#ai-mine-sharedinfo-grid  tr.ui-row-ltr td:nth-child(2),#ai-mine-historyinfo-grid tr.ui-row-ltr td:nth-child(1),th#ai-mine-sharedinfo-grid_username,th#ai-mine-historyinfo-grid_operation {
    border-left: 1px solid #E7E9ED !important;
    padding-left: 1px;
}

#ai-theme-mine-infoContent .ui-widget.ui-widget-content{
	border:0px !important;
}

.blackboard .tempo-ui-icon-setting{
	display:none;
}

.theme-container .tempo-strap-header .tempo-strap-header-icon {
	float: left;
	background-position: 0px 0px;
}

.theme-container .tempo-strap-header .tempo-strap-header-left {
	width: calc(100% - 450px);
	float: left;
	height: 100%;
}

.theme-container .tempo-strap-header .tempo-strap-header-right {
	float: left;
}

.tempo-strap-header-right-gray {
	float: right;
}

.theme-container .tempo-strap-header .tempo-strap-header-btn {
	float: right;
	margin-right: 10px;
	display: inline-block;
	margin-top: 25px;
	width: 100px;
	border-radius:3px
}

.tempo-strap-header-interval {
	height: 10px;
	background: #EAEDF1;
}

.theme-strap-header-toolbar-select {
	background: #5182e4;
	color: #fff;
	border: none;
	cursor: pointer;
}

.theme-open-dialog-input{
	width: 310px;
}

.theme-open-dialog-label{
	margin-right: 15px;
}

.welcome-banner {
    text-align: center;
	margin: 0 auto;
	top: calc(50% - 48px);
	position: relative;
	font-size: 24px;
	color: #c5c8cc;
}

select.ui-pg-selbox.ui-widget-content.ui-corner-all{
    text-indent: inherit;
    height: 20px;
    border: none;
    line-height: inherit;
}
.tempo-theme-operate{
	height:107px;
}

.tempo-theme-operate-move,.tempo-theme-operate-shareapp,.tempo-theme-operate-changeapp{
	height:197px;
}

#folderTreeDiv{
	text-align:left;
	width:460px;
	height:280px;
	overflow-y:auto;
}
#folderTree{
/* 	padding-left:20px; */
/* 	padding-top:10px; */
}

.ui-dialog-buttonpane{
	height:62px;
}

.theme_operate_input_name{
    margin-left: 67px;
    margin-right:10px;
	color:#555555;
	float:left;
	height: 26px;
	line-height: 26px;
	/*margin-top:3px;*/
}

#renameTheme,#renameFolder,#createFolder,#createTheme,#themeDescription{
	width: 265px;
 }

#ai_theme_sort{
	float:right;
	margin-top: 2px;
}
#theme_delete_icon{
	float:left;
	margin-left:166px;
}

.tempo-miningnode-endpoint-tooltip-div{
	max-height:200px !important;
}

.tempo-strap-header-right{
	float:right !important;
	margin-right:10px;
	height: 78px !important;
    line-height: 78px !important;
}

#theme-description{
	max-width:60px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
}

/* 空白提示信息 */
.tempo-create-project-btn{
	width: 110px;
    background-color: #5185e4;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    top: 15px;
    position: absolute;
   text-align: center;
}
.tempo-create-case-btn{
	width: 127px;
	background-color: #5185e4;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	top: 15px;
	position: absolute;
	text-align: center;
}
.tempo-banner-panel{
	position: absolute;
    top:calc(20% + 2px);
    width: 290px;
    height: 384px;
    background: #Fff;
    left: calc(50% - 400px);

}
.tempo-banner-panel-case{
	position: absolute;
	top:calc(20% + 2px);
	width: 290px;
	height: 384px;
	background: #Fff;
	left: calc(50% - -63px);

}
.tempo-case-tag {
	width: 250px;
	float: right;
	/*right: calc(50% - 476px);*/
	height: 50px;
	/*position: absolute;*/
	padding-top: 12px;
	margin-right: 16px;
}
.tempo-case-tag-create-time{
	display: none;
	float: right;
	/*right: calc(50% - 194px);*/
	height: 50px;
	/*position: absolute;*/
	line-height: 52px;
	margin-right: 20px;
	cursor: pointer;
	padding-right: 23px;
}
.tempo-case-tag-icon{
	height: 58px;
	position: absolute;
	line-height: 73px;
	margin-right: 20px;
	background-position: -175px -174px;
	background-color: transparent;
	/*background-image: url(../../../../mine/images/icons.png);*/
	cursor: pointer;
}
#tag-list .el-select__tags-text {
	display: inline-block;
	max-width: 51px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#tag-list .el-tag.el-tag--info {
	background-color: #f4f4f5;
	border-color: #e9e9eb;
	color: #909399;
}
#tag-list .el-select .el-tag__close.el-icon-close {
	top: -6px;
	right: -1px;
}
#tag-list .el-select__input {
	border: none;
	outline: 0;
	padding: 0;
	margin-left: 0px;
	color: #666;
	font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 28px;
	background-color: transparent;
}
#tag-list .el-select-dropdown.el-popper.is-multiple{
	min-width: 300px;
	transform-origin: center top;
	z-index: 2032;
	max-width: 302px;
	/*height: 158px;*/
	position: absolute;
	top: 35px;
	left: 0px;
	max-height: 174px;
}
#tag-list .el-select-dropdown__wrap{
	max-height: 174px;
}
#tempo-case-tag-el .el-select-dropdown.el-popper{
	min-width: 250px !important;
	position: fixed !important;
	top: 38px !important;
	transform-origin: center top !important;
	z-index: 2002 !important;
	max-width: 250px !important;
}

.ui-icon-pdf{
	width: 10px;
	height: 14px;
	background-image: url(./images/pdf.png);
}
.ui-icon-pic{
	width: 10px;
	height: 12px;
	background-image: url(./images/pic.png);
}
.ui-icon-tapp{
	width: 10px;
	height: 12px;
	background-image: url(./images/tapp.png);
}
.tempo-icon-template{
	background-repeat: no-repeat;
	display: inline-block;
	width: 290px;
	height: 230px;
	background-position: -30px -513px;
	background-image: url(./images/template.png);
}

 .tempo-bannerdesImg{
	width:100%;
	height:232px;
    background-color:#f5f6f8
}

.tempo-banner-desImg-tooltips{
	position: relative;
    height: 150px;
    bottom: 0px;
    padding-top: 10px;

}
.tempo-tooltips{
	text-align: center;
    color:#555;
    width: 100%;

}
.tempo-firstlevel-tooltips{
    font-size: 16px;
    position: relative;
    display: block;
    color:#555;
    margin-top: 14px;
    margin-bottom: 0px;
}

.tempo-secondlevel-tooltips{
	font-size: 12px;
    position: absolute;
    display: block;
    color: #979ba7;
    margin-top: 9px;
	margin-left: 10px;
}
.tooltip-icon{
	position: absolute;
    display: inline;
    margin-top: 15px;
    margin-left: 45px;
}
.item-tooltip{
	font-size:12px;
	margin:5px auto;
	 color:#979ba7;
}
.tempo-create-project-btn>.tempo-ui-icon{
	   margin-top: -1px;
}
.tempo-create-case-btn>.tempo-ui-icon{
	margin-top: -1px;
}
 .tempo-banner-desImg{
	width:100%;
	height:232px;
    background-color:#f5f6f8
}
.desc-split{
	position: absolute;
    width: 1px;
    background-color: #C7C7C7;
    height: 14px;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 2px;
}

.select-input{
    width: 139px;
    background: url(images/workspace_select_down.png) no-repeat right 10px center;
    background-color: #ffffff;
    color: #333;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    cursor: pointer;
    font-family: "Microsoft YaHei";
    outline: none;
    padding:0px 0px 0px 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    display:inline-block;
}
.select-input:hover{
	background:url("images/workspace_select_down_hover.png") no-repeat right 10px center;
	background-color: #ffffff;
}
.workspace-ul{
	background: #fff;
    width: 170px;
    list-style: none;
    position: absolute;
    max-height: 200px;
    margin: 0px;
    padding-left: 0px;
    z-index: 101;
    display: none;
    margin-top: 26px;
    overflow-y: auto;
    border-top: 1px solid #D6D9DD;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb
}

.workspace-ul li{
	font-size:14px;
	height:40px;
	line-height:40px;
    padding-left: 35px;
    cursor: pointer;
   	background:url("images/select-li.png") no-repeat 10px center;
}
.workspace-ul li:HOVER{
	color: #3094e9;
	background:url("images/select-li-hover.png") no-repeat 10px center #f7f8f9;
}
#tempo_workspace_index{
	height: 49px;
    top: 214px;
    display: block;
    box-shadow: 0px 12px 10px -8px #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
#tempo_workspace_index li{
	background:  url("images/select-li-index.png") no-repeat 10px center;
	padding-top:4px
}
#tempo_workspace_index li:HOVER{
	background:url("images/select-li-index-hover.png") no-repeat 10px center #f7f8f9;
}
.option-input{
	width:auto;
	min-width:150px;
	background:url("./images/selectpanel-raw.png") no-repeat right 10px center;
	background-color:#293148;
	color:#fff;
	border:none;
	height:30px;
	line-height:30px;
	padding-left:5px;
	font-size: 14px;


}
.select-option{
	background:#293148;
	width:auto;
	min-width:150px;
	border:1px solid #444c62;
	list-style:none;
    position: absolute;
    margin: 0px;
    padding-left: 0px;
    z-index:101;
    display:none;
    margin-top: 55px
}
.select-option li{
	font-size:14px;
	height:30ox;
	line-height:30px;
    padding-left: 5px;
}
.theme_template_input_name{
	font-size:14px;
	color:#555555;
	float:left;
	margin-left:20px;
	margin-top:3px;
}

#folderTreeDiv2{
	text-align:left;
	width:460px;
	height:180px;
	overflow-y:auto;
}
.tempo-header-title-panel{
	height:24px ;
	padding-bottom:10px ;
}

#theme-desc {
    width: 70%;
}

#tempo-header-themName{
	display:block;
	float:left;
	max-width:300px;
	margin-right:10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#tempo-header-updatename-btn {
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 5px;
    cursor: pointer;

}
.tempo-strap-header .tempo-strap-header-ul {
    float: left;
    position: fixed !important;
    margin-top:3px !important;
}
.tempo-strap-header-ul span{
   vertical-align: bottom;
}
.tempo-strap-panel-tabs-content .tempo-strap-panel-content{
	height:calc(100% - 20px) !important;

}

.ui-dialog .ui-dialog-content select {
	width: auto !important;
}
.tempo-tree-sort{
	position: relative;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-left: 1px solid #d9dee4;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.tempo-tree-sort:hover{
	cursor: pointer;
}

.tempo-create-workspace{
   width: 26px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    left:186px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tempo-strap-panel-search{
    display: inline-block;
    margin-left: 12px !important;
    float:left;
}


.tempo-ai-app-rightzone-top{
	background: #fff !important;
	height: 78px;
}

.tempo-ai-app-rightzone-top-gray{
	background: #fff !important;
	height: 78px;
}

.tempo-ai-app-rightzone-top-l {
    margin-top: 14px;
    margin-left: 25px;
    margin-right: 15px;
    float: left;
    /*cursor: pointer;*/
    vertical-align: middle;
}
.analyze-title-name {
	padding-bottom: 16px;
}

.tempo-ai-app-rightzone-top-r{
    display: inline-block;
    vertical-align: middle;
    font-size:20px;
    margin-top: 14px;
}
.tempo-ai-app-rightzone-top-r ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tempo-ai-app-rightzone-top-r ul li{
	float: left;
	margin-right: 10px;
    border-right: 1px solid #d7dde5;
    padding-right: 10px;
    font-size:12px;
    color:#777777;
	height: 18px;
	line-height: 18px;
}
.tempo-ai-app-rightzone-top-r ul li:last-child{
	border-right: 0px;
}
.tempo-ai-app-rightzone-top-r ul li span{
	margin-left:5px;
}
/**右边中部布局**/
.tempo-ai-app-rightzone-mid {
	padding-top: 5px;
	background: #fff;
}

.tempo-ai-app-rightzone-mid-gray {
	padding-top: 5px;
	background: #fff;
}

.tempo-ai-app-rightzone-mid ul{
	display: inline-block;
    cursor: pointer;
    background: #FFFFFF;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    font-size: 14px;
    width:65%
}
.tempo-ai-app-rightzone-mid ul li{
    display: inline-block;
    font-size: 14px;
    padding: 0px 20px;
    cursor:pointer;
    color:#777777;
    height:40px;
    line-height:44px;
    text-align: center;
}

.tempo-ai-app-rightzone-mid-select {
	 border-bottom: 4px solid #5185e4;
	 font-weight: bold;
	 color:#333333 !important;
}

.tempo-ai-app-rightzone-mid ul li:last-child{
	border-right: 0px;
}

.tempo-ai-app-rightzone-mid-gray {
	padding-top: 5px;
	background: #fff;
}
.tempo-ai-app-rightzone-mid-gray ul{
	display: inline-block;
	cursor: pointer;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	font-size: 14px;
	width:65%
}
.tempo-ai-app-rightzone-mid-gray ul li{
	display: inline-block;
	font-size: 14px;
	padding: 0px 20px;
	cursor:pointer;
	color:#777777;
	height:40px;
	line-height:44px;
	text-align: center;
}

.tempo-ai-app-rightzone-mid-select-gray {
	border-bottom: 4px solid #5185e4;
	font-weight: bold;
	color:#333333 !important;
}

.tempo-ai-app-rightzone-mid-gray ul li:last-child{
	border-right: 0px;
}

#ca-status {
	color: #0d9f41;
}
#ca-name {
	font-size: 18px;
	font-weight: bold;
	max-width: 420px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}

#ca-grayname {
	font-size: 18px;
	font-weight: bold;
	max-width: 420px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}

.cut-off-rule {
	background: #ddd;
	height: 1px;
}

.tempo-ai-app-rightzone-bot,.tempo-ai-app-rightzone-bot-service {
	height:calc(100% - 150px) !important;
	margin: 10px;
}

.tempo-ai-app-rightzone-bot,.tempo-ai-app-rightzone-bot-gray-service {
	height:calc(100% - 150px) !important;
	margin: 10px;
}


.create-task-btn,.share-achivement-btn,.achivement-opts-btn,.select_target-btn,.delete-task-btn{
    float: right;
	/*
	margin-right: 10px;
	 */
	margin-right: 5px;
	display: inline-block;
	margin-top: 25px;
	width: 100px;
	border-radius:3px !important;
    cursor: pointer !important;
}

.tempo-button-emphasize:hover{
 background:#5185e4 !important;
}

#setFlowParamTable tr{
border-right : 1px solid #ccc;
}

.mtable th{
border-left : 1px solid #ccc;
border-top : 1px solid #ccc;
background : #ddd;

}
.mtable .lastth, #selectFlowTable .lasttd{
border : none;
border-left : 1px solid #ccc;
background : none;
}
.mtable td{
border-left : 1px solid #ccc;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}
.mtable select, .mtable input{
border : none !important;
width : 100%;
}
#tempo-mine-flow-param{
background : #f6f7f9;
}

#tempo-header-achivement-opts-infos{
position: fixed;
width: 66px;
right: 15px;
z-index: 100;
display: block;
text-align: center;
top: 53px;
border: 1px solid #efefef;
}
#tempo-header-achivement-opts-infos-gray{
	position: fixed;
	width: 66px;
	right: 5px;
	z-index: 100;
	display: block;
	text-align: center;
	top: 53px;
	border: 1px solid #efefef;
}
.tempo-header-achivement-opts-info{
height: 40px;
line-height: 40px;
float: left;
color: #000000;
width: 100%;
background-color: #ffffff;
cursor: pointer !important;
}
.tempo-header-achivement-opts-info-gray{
	height: 40px;
	line-height: 40px;
	float: left;
	color: #000000;
	width: 100%;
	background-color: #ffffff;
	cursor: pointer !important;
}
.tempo-header-achivement-opts-info:hover{
color: #3094e9 ;
background:#f7f8f9;
}
.tempo-header-achivement-opts-info-gray:hover{
	color: #3094e9 ;
	background:#f7f8f9;
}

.tempo-strap-panel-tabs li{
border:1px solid #5182e4 !important;
}
.tempo-theme-private-ai-tab{
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.tempo-theme-public-ai-tab{
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
#tempo-theme-private-ai .tempo-searchbar-searthinput,#tempo-theme-private-ai .tempo-searchbar-searthinput:focus{
border: none;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
margin-left:3px;
}
#tempo-theme-public-ai .tempo-searchbar-searthinput,#tempo-theme-public-ai .tempo-searchbar-searthinput:focus{
border: none;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
margin-left:3px;
}
.tempo-ai-app-rightzone-mid-right-info{
display: inline-block;
float: right;
color:#777777;
}

.tempo-ai-app-rightzone-mid-right-info-gray{
	display: inline-block;
	float: right;
	color:#777777;
}

span#ca-time{
margin-left:0px !important;
}
span#ca-time-gray{
	margin-left:0px !important;
}

.tempo-back-workspace{
 width: 26px;
height: 26px;
line-height: 26px;
border-right: 1px solid #d9dee4;
background: #fff;
float: left;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
text-align: center;
cursor: pointer;
}

#belong_theme,#task_belong_theme,#belong_flow{
	max-width: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}

@media screen and (min-width: 1201px) {
	#belong_theme,#task_belong_theme,#belong_flow{
		max-width: 120px !important;
	}
}
@media screen and (min-width: 1601px) {
	#belong_theme,#task_belong_theme,#belong_flow{
		max-width: 140px !important;
	}
}
@media screen and (max-width: 1200px) {
	#belong_theme,#task_belong_theme,#belong_flow{
		max-width: 60px !important;
	}
}

.tempo-publish-list{
top: 70px;
position: absolute;
width: 170px;
max-height: 170px;
background: #fff;
border: 1px solid #bbb;
overflow: auto;
z-index:100
}
.tempo-publish-list>ul{
list-style: none;
-webkit-padding-start: 0px;
margin: 0px;
padding: 5px 10px;
z-index:999
}
.tempo-publish-list>ul>li{
height: 24px;
line-height: 24px;
cursor: pointer;
}
.tempo-scene-icon{
position: relative;
top: 2px;
margin-right: 8px;
}
.tempo-punlish-link-icon {
float: right;
cursor: pointer;
margin-top: 4px;
transform: rotate(90deg);
}
#share_directory{
cursor: pointer;
max-width: 80px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #5182e4 !important;
display:inline-block
}

.tempo-theme-operate-hastree #folderTreeDiv{
width: 265px;
max-height: 210px;
margin-left: 107px;
border: 1px solid #c0c9d5;
background: #fff;
overflow-x: hidden;
}

.tempo-theme-operate-hastree #folderTree{
width: 265px;
margin-left: 0px
}
.tempo-theme-operate-hastree table{
border-collapse:separate !important;
}

.theme_operate_create_folder{
line-height: 30px;
margin-top: 9px;
}

.theme_operate_folder_div{
margin-top: 10px;
 margin-left: 100px !important;
}
.tempo-app-share-directory{
display:inline-flex;
}
.analyze-li-span{
vertical-align:top
}

#tabs_cloud_casebase_config ul li a{
	/*color: #5185e4;*/
	text-decoration: none;
	cursor: pointer;
}
#tabs_cloud_casebase_config{
	border: 0px solid #cccccc;
}
.tempo-casebase-header ul{
	margin-left: 0% !important;
	margin-top: -30px;
	border: 0!important;
	background: #EAEDF1 !important;
}
.icon-change-color{
	color: #5182e4 ;
}
#casebase-config-self-li {
	box-sizing: border-box;
	line-height: 16px;
	display: inline-block;
	font-size: 14px;
	/*font-weight: 500;*/
	color: rgb(48, 49, 51);
	position: relative;
	margin: 5px 20px 0px 20px;
	list-style: none;
}
#casebase-config-public-li{
	box-sizing: border-box;
	line-height: 16px;
	display: inline-block;
	font-size: 14px;
	color: rgb(48, 49, 51);
	position: relative;
	margin: 5px 20px 0px 20px;
	list-style: none;
}

/* 自定义公共案例和私人案例选中时的样式 */
#tabs_cloud_casebase_config .template-config-select-style-udf {
	/* 修改选中元素的背景色为蓝色 */
	/*background-color: #5185e4;*/
	/* 去掉选中元素原有的下边框 */
	/*border-bottom: 0px solid #007cc0;*/

}
/* 自定义选中案例按钮里面的字体颜色 */
#tabs_cloud_casebase_config .template-config-select-style-udf a{
	/* 修改选中元素里的A元素的字体颜色 */
	color: black;
}
/* 为公共案例添加左边的圆角 */
#casebase-config-public-li {
	/* 修改左上角为圆角 */
	border-top-left-radius: 4px;
	/* 修改左下角为圆角 */
	/*border-bottom-left-radius: 4px;*/
	/* 取消左右边距 */
	margin: 20px 0px 0px 0px;
	/* 修改边框样式为蓝色 */
	/*border: 1px solid #5185e4;*/
	border-bottom: 1px solid #333;
	margin-left: 24px;
}
/* 为私人案例添加右边的圆角 */
#casebase-config-self-li {
	/* 修改右上角为圆角 */
	border-top-right-radius: 4px;
	/* 修改左下角为圆角 */
	/*border-bottom-right-radius: 4px;*/
	/* 取消左右边距 */
	margin: 20px 0px 0px 20px;
	/* 修改边框样式为蓝色 */
	/*border: 1px solid #5185e4;*/
	/* 取消左上角圆角 */
	border-top-left-radius: 0px;
	border-bottom: 1px;
}

/**************************docker css start*****************************/
/* 镜像服务里的配置框 */
.tempo-docker-service-config-dialog div .tempo-docker-image-padding div {
	padding: 3px 3px 10px 3px;
}
.tempo-docker-service-config-dialog div .tempo-docker-image-padding div label:first-child {
	padding-right: 25px;
}
/* 将版本号右移 */
.tempo-docker-service-config-dialog .tempo-docker-image-version {
	padding-left: 14px;
}
/* 前三个文字右对齐 */
.tempo-docker-service-config-dialog .tempo-docker-image-text-align {
	/*text-align: right;*/
	display: inline;
}
/* 镜像描述标签 */
.tempo-docker-service-config-dialog .tempo-docker-image-padding-top {
	float: left;
	padding-top: 32px;
}
/* 镜像描述文本域 */
.tempo-docker-service-config-dialog .tempo-docker-image-desc {
	width: 400px;
	height: 80px;
	/* 禁止拖动 */
	resize: none;
}

/******** 镜像构建进度条 ************/
.tempo-docker-service-config-dialog .tempo-docker-image-build-progress-bar {
	width: 500px;
	height: 50px;
	padding-top: 20px;
	padding-left: 83px;
}
.tempo-docker-service-config-dialog .process-bar{
	float: left;
	width: 188px;
}
.tempo-docker-service-config-dialog .process-bar-end{
	float: left;
	width: 30px;
}
.tempo-docker-service-config-dialog .process-bar .line{
	background: #C0C9C6;
	height: 3px;
	width: 152px;
	padding: 0px 0px 0px 0px;
	float: right;
	margin-top: 16px;
}
/* 灰色 */
.tempo-docker-service-config-dialog .image-one-gray {
	width: 36px;
	height: 36px;
	background-image: url(images/docker_upload_gray.png);
	float: left;
}
.tempo-docker-service-config-dialog .image-two-gray {
	width: 36px;
	height: 36px;
	background-image: url(images/docker_build_gray.png);
	float: left;
}
.tempo-docker-service-config-dialog .image-three-gray {
	width: 36px;
	height: 36px;
	background-image: url(images/docker_complete_gray.png);
	float: left;
}
/* 蓝色 */
.tempo-docker-service-config-dialog .image-one-blue {
	width: 36px;
	height: 36px;
	background-image: url(images/docker_upload_blue.png);
	float: left;
}
.tempo-docker-service-config-dialog .image-two-blue {
	width: 36px;
	height: 36px;
	background-image: url(images/docker_build_blue.png);
	float: left;
}
.tempo-docker-service-config-dialog .image-three-blue {
	width: 36px;
	height: 36px;
	background-image: url(images/docker_complete_blue.png);
	float: left;
}
.tempo-docker-service-config-dialog .tempo-docker-image-build-progress-bar img[src=""] {
	opacity: 0;
}
/* 日志框 */
.tempo-docker-service-config-dialog .tempo-docker-image-build-log pre {
	width: 456px;
	height: 100px;
	margin-left: 50px;
	overflow-y: auto;
	white-space: pre-wrap;
    word-break: break-word;
}
/**************************docker css end*******************************/

/***************************AIBI一体化 start************************************/
/**
ai关联bi图标
 */
.tempo-ai-relation-tempo-bi-icon {
	width: 16px;
	height: 16px;
	background-color: white;
	float: left;
	margin-top: 5px;
	margin-left: 12px;
	/*background-image: url("../../../mine/images/icons.png");*/
	cursor: pointer;
}
/**
ai关联bi图标鼠标滑动事件
 */
.tempo-ai-relation-tempo-bi-icon:hover {
	background-color: #ebf2ff;
	/*background-image: url("../../../mine/images/icons.png");*/
}
/**
可视化弹框 头部
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head {
	height: 20px;
	/*padding-left: 10px;*/
	padding-bottom: 7px;
}
/**
可视化弹框 头部 左侧
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head .tempo-ai-bi-head-left {
	float: left;
	text-align: center;
}
/**
可视化弹框 头部 左侧 已添加应用显示的数字
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head .tempo-ai-bi-head-left .tempo-ai-add-tempo-bi-number {
	color: #337bff;
	background-color: #cfdffa;
	display: inline-block;
	width: 25px;
	height: 16px;
	border-radius: 8px;
}
/**
可视化弹框 头部 右侧
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head .tempo-ai-bi-head-right {
	float: right;
	margin-right: 10px;
}
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head .tempo-ai-bi-head-right .tempo-relation-add-sign {
	width: 8px;
	height: 8px;
	margin-right: 4px;
	background-position: -228px -180px;
}
/**
可视化弹框 头部 右侧侧 添加应用按钮
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head .tempo-ai-bi-head-right .tempo-add-relation-bi-button {
	border: 0;
	color: #337bff;
	background-color: rgba(255,255,255,.1);
	cursor: pointer;
}
/**
可视化弹框 头部 右侧侧 添加应用按钮 鼠标悬浮事件
 */
/*.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-head .tempo-ai-bi-head-right .tempo-add-relation-bi-button:hover {*/
/*	color: #5185e4;*/
/*}*/
/**
可视化弹框 bi信息所在div
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-ai-relation-tempo-bi-center {
	overflow-y: auto;
	width: 582px;
	height: 343px;
	margin-left: -18px;
}
/**
可视化弹框 bi信息块div
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div {
	width: 168px;
	height: 60px;
	float: left;
	background-color: white;
	/*为了控制删除图标*/
	position: relative;
	margin-top: 7px;
	margin-left: 18px;
	margin-bottom: 7px;
	border-radius: 4px;
	cursor: pointer;
}
/**
可视化弹框 bi信息块div 左侧蓝条
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-blue-bar {
	float: left;
	width: 3px;
	height: 60px;
	margin-bottom: 1px;
	background-color: #337bff;
	margin-right: 8px;
	border-radius: 4px 0px 0px 4px;
}
/**
可视化弹框 bi信息块div 左侧空间名称和应用名称显示区域
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-left {
	float: left;
	margin-top: 3px;
}
/**
可视化弹框 bi信息块div 左侧 所有div
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-left div {
	margin-top: 6px;
	margin-bottom: 4px;
	margin-right: 3px;
}
/**
可视化弹框 bi信息块div 右侧删除图标所在区域
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-right {
	/*为了控制删除图标*/
	position: absolute;
	right: -7px;
	top: -8px;
	display: none;
}
/**
可视化弹框 bi信息块div 右侧 删除图标
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-right .tempo-relation-delete-div{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	/*background-color: #ebebe4;*/
	text-align: center;
}
/**
可视化弹框 bi信息块div 左侧 空间名称
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-left .tempo-relation-bi-workspace-name {
	display: inline-block;
	width: 120px;
	height: 16px;
	text-align: left;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 4px;
}
/**
可视化弹框 bi信息块div 左侧 应用图表
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-left .tempo-relation-bi-app-icon {
	margin-bottom: 5px;
}
/**
可视化弹框 bi信息块div 左侧 应用名称
 */
.tempo-ai-relation-tempo-bi-dialog .tempo-relation-bi-info-div .tempo-relation-bi-info-left .tempo-relation-bi-app-name {
	display: inline-block;
	width: 120px;
	height: 16px;
	text-align: left;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 4px;
}
/***************************AIBI一体化 end**************************************/